/* reset */

html, body {

    -webkit-tap-highlight-color: transparent;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

    -webkit-touch-callout: none;

    -webkit-overflow-scrolling: touch;

    -moz-overflow-scrolling: touch;

    -o-overflow-scrolling: touch;

    overflow-scrolling: touch;

    height: 100%; }



i,p,b,strong,b,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,span{

    font-size: 14px;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    margin: 0;

    padding: 0;

}



body, button, input, select, textarea {

    font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, STHeiTi,"Microsoft Yahei", sans-serif;

    color: #333;

    background-color: #fff;

    position: relative; }





textarea {

    resize: none; }



input[type=button], input[type=submit] {

    cursor: pointer; }



input[type=button] {

    -webkit-appearance: none;

    outline: none; }



input::-webkit-input-placeholder {

    color: #F0F0F0; }



textarea::-webkit-input-placeholder {

    color: #F0F0F0; }



table {

    border-collapse: collapse;

    border-spacing: 0; }



th {

    text-align: inherit; }



fieldset, img {

    border: 0 none; }



img {

    vertical-align: middle; }



abbr, acronym {

    border: none;

    font-variant: normal; }



del {

    text-decoration: line-through; }



hr {

    border: 0;

    height: 1px;

    background-color: #D9D9D9; }



ul, li, ol {

    list-style: none; }



input, textarea, select {

    font-family: inherit;

    font-size: inherit;

    font-weight: inherit; }



button, input {

    border: 0;

    background: 0;

    -webkit-appearance: none;

    outline: 0; }



a {

    -webkit-touch-callout: none;

    text-decoration: none;

    color: #666666;

    outline: 0;

    /*cursor: pointer;*/

     }



a:hover {

    text-decoration: none; }



a:focus, *:focus {

    outline: none; }



em, i {

    font-style: normal; }



label {

    /*cursor: pointer;*/

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -ms-word-break: break-all;

    word-break: break-all;

    -ms-word-wrap: break-word;

    word-wrap: break-word;

    /* -webkit-tap-highlight-color:rgba(0,0,0,0); */ }



.clearfix:before, .clearfix:after {

    content: "";

    display: table; }



.clearfix:after {

    clear: both;

    overflow: hidden; }



.clearfix {

    zoom: 1; }



.clear {

    clear: both;

    display: block;

    font-size: 0;

    height: 0;

    line-height: 0;

    overflow: hidden; }



/*====================== mouse =======================*/

.cp {

    cursor: pointer; }



.cd {

    cursor: default; }



.cna {

    cursor: not-allowed; }



/*====================== position =======================*/

.tl {

    text-align: left; }



.tc {

    text-align: center; }



.tr {

    text-align: right; }



.bc {

    margin-left: auto;

    margin-right: auto; }



.fl {

    float: left; }



.fr {

    float: right; }



.cb {

    clear: both; }



.cl {

    clear: left; }



.cr {

    clear: right; }



.vt {

    vertical-align: top; }



.vm {

    vertical-align: middle; }



.vb {

    vertical-align: bottom; }



.pr {

    position: relative; }



.pa {

    position: absolute; }



.abs-left {

    position: absolute;

    right: 0; }



.abs-right {

    position: absolute;

    right: 0; }



.abs-top {

    position: absolute;

    top: 0; }



.abs-bottom {

    position: absolute;

    bottom: 0; }



.abs-lt {

    position: absolute;

    left: 0;

    top: 0; }



.abs-lb {

    position: absolute;

    left: 0;

    bottom: 0; }



.abs-rt {

    position: absolute;

    right: 0;

    top: 0; }



.abs-rb {

    position: absolute;

    right: 0;

    bottom: 0; }



.zoom {

    zoom: 1; }



.hidden {

    visibility: hidden; }



.none {

    display: none; }



.ib {

    display: inline-block; }



.inline {

    display: inline; }



.block {

    display: block; }





.l_o_h {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical; }



/*# sourceMappingURL=base.css.map */

.bgf{

    background-color: #fff;

}

.mt-5{

    margin-top: 5px;

}

.mt-10{

    margin-top: 10px;

}

.mt-15{

    margin-top: 15px;

}

.mt-20{

    margin-top: 20px;

}

.ml-5{

    margin-left: 5px;

}

.ml-10{

    margin-left: 10px;

}

.ml-20{

    margin-left: 20px;

}

.mr-20{

    margin-right: 20px;

}

.mr-10{

    margin-right: 10px;

}

.mb-10{

    margin-bottom: 10px;

}

.mb-20{

    margin-bottom: 20px;

}

.p20{

    padding: 20px;

}

.bg-15{

    background-color: #f0f2f5;

    width: 100%;

    height: 15px;

}

.col-bg{

    background-color: #f0f2f5;

    position: absolute;

    height: 100%;

    width: 15px;

    top: 0;

}

.border-before::before{

    content: '';

    display: block;

    position: absolute;

    top: 30%;

    left: 0;

    width: 3px;

    height: 15px;

    background-color: #949494;

}

.menubar .el-menu-item.is-active{

    border-right: 2px solid #409EFF;

}
